<template>
	<view class="flex flex-wrap pt-2">
		<view class="flex justify-center align-center flex-column py-1" hover-class="bg-light" style="width: 25%;"
			v-for="(item, index) in list" :key="index">
			<image :src="item.src" mode="widthFix" style="width: 70rpx; height: 70rpx;"></image>
			<text class="font-sm text-muted mt-1">{{item.name}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		name: "icon-nav",
		props: {
			list: Array
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>

</style>